<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .biaodan{
            background-color: rgb(223, 154, 154);
            width: 30%;
            text-align: center;
            margin: 100px auto;
        }
        .biaodan div{
margin: 20px auto;
        }
    </style>
</head>
<body>
    <div class="biaodan">
        <form action="#">
            <div class="biao">账号<input type="email"></div>
            <div class="biao"> 密码<input type="password"></div>
            <div>性别</div>
            <div >男<input type="radio" name="zhenbucuo" checked="checked"></div>
            <div>女<input type="radio" name="zhenbucuo" id=""></div>
            <div>兴趣爱好</div>
            <div>篮球 <input type="checkbox" name="" id=""> </div>
            <div> 足球 <input type="checkbox" name="" id=""> </div>
            <div> 排球<input type="checkbox" name="" id=""> </div>
            <input type="reset" value="重设">
            <input type="submit" value="提交">
    </div>
    </form>

    </div>

</body>

</html>